<template>
	<div class="my-header">
     <!-- 第一楼 -->
     <div class="top">
     	<div class="top1">
     		<img src="../assets/pic/01.gif">
     		<span>登录</span>
     		<span>账号：</span>
     		<input type="text">
     		<span>密码:</span>
     		<input type="password" maxlength=11>
     		<button><a href="/login">登录</a></button>
     		<router-link to="/register">免费注册</router-link>
     	</div>
     </div>
     <!-- 第二楼 -->
     <div class="top2">
     	<div class="top21">
     		<img src="../assets/pic/02.jpg">
     	</div>
     	<div class="top22">
     		<input type="text" value="关键字">
     		<button>搜索</button>
     	</div>
     	<div class="top23">
     		<input type="text" value="管理">
     	</div>
     </div>
     <!-- 第三楼 -->
     <div class="nav">
     	<div></div>
     	<div class="nav1">
     		<a href="#">首页</a>
     	</div>
     	<div class="nav2">
     		<div><router-link to="/skincare">护肤</router-link></div>
     		<div><a href="#">彩妆</a></div>
     		<div><a href="#">美发</a></div>
     		<div><a href="#">美甲</a></div>
     		<div><a href="#">美体</a></div>
     	</div>
     </div>
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style scoped>
   
</style>